*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box; margin:0; padding:0;}
.btn{ display:block; height:30px; line-height:30px; width:65px; border-radius:5px; color:#fff; text-align:center; font-size:14px; border:none; -webkit-appearance:none;}
.btn{
    -webkit-tap-highlight-color: rgba(0,0,0,0.35);
    padding:0px;
}
.btn.fl{  margin:7px 0px 0 12px ;}
.btn.fr{ margin:7px 12px 0 0 ;}
.btn.black{background:#3e3e3e;}
.btn.green{background:#06bf04;}
.btn.orange{background:#ff8b2c;}
div[data-role="widget"].otip{

}
div[data-role="widget"].otip .widget_mask{
    background:none;
}
div[data-role="widget"].otip .widget_wrap{
    min-height: inherit;
    text-align: center;
    background:none;
    margin-top: 0;
    top: 70px;
}
div[data-role="widget"].otip .widget_body{
    padding: 7px 10px;
    color: #ffffff;
    white-space: pre-line;
    background: #686868;
    display: inline-block;
    min-width: 100px;
    font-size: 14px;
}
.fixed_btn{
    /*display: none;*/
    height:50px;
}
.fixed_btn.on{
    display: block;
}
.fixed_btn ol{
    height:60px;
    background:#f5f5f5;
    text-align: center;
    position: static;
    bottom: 0;
    left: 0;
    z-index: 100;
    opacity: 0;
    padding: 0 12px;
    /*display: none;*/
    border:1px solid red;
    border-width:1px 0 0 0;
    -webkit-border-image: url(../../images/border.gif) 2 stretch;
    text-align:left;
}
.fixed_btn ol[style*="fixed"]{
    opacity: 1;
    /*display: block;*/
}
.fixed_btn ol li{
    height:60px;
    vertical-align: middle;
    padding:8px 0;
}
.fixed_btn ol li a{
    /*white-space: pre;*/
    display: block;
    width:auto;
    font-size:13px;
    height:44px;
    line-height: 44px;
    margin:0 0 0 8px;
}
.fixed_btn ol li a.bargain{
    text-decoration: none;
    color: #4b4b4b;
    font-size: 16px;
}
.fixed_btn ol li a.bargain label{
    font-size: 15px;
    color: #ffffff;
}
.fixed_btn ol li a label{
    display:inline-block;
    width:80px;
}
.fixed_btn ol li:nth-of-type(1) a:nth-of-type(1){
    margin-left:0px;
}
.fixed_btn ol li:nth-of-type(2) a{
    margin-left:8px;
}
.fixed_btn ol li:nth-of-type(2) a:not(.on){
    /*background:#999999!important;*/
}
.fixed_btn ol .box>div:nth-of-type(1) a{
    background:#f69555;
}
.fixed_btn ol li:nth-of-type(2) a.lucky{
    background: #ff8522!important;
}
/****/
.fixed_btn ol li .btn_add{
    display:inline-block;
    width:44px;
    height:44px;
    border-radius:3px;
    background: url(../../images/w_7.png) no-repeat center -1160px;
    -webkit-background-size:40px auto;
    background-color:#ffffff;
    border:1px solid #e2e2e2;
}

.fixed_btn ol li .btn_add_fav.on{
    background-position:center -1120px;
}
.fixed_btn ol li .btn_add_shopcart{
    position:relative;
    background-position: center -1240px;
}
.fixed_btn ol li .btn_add_shopcart.on{
    background-position:center -1200px;
}
.fixed_btn ol li .btn_add_shopcart:not([data-count="0"])::after{
    content: attr(data-count);
    display: inline-block;
    padding: 0 2px;
    height: 16px;
    min-width: 16px;
    border-radius: 20px;
    background: #ff2e45;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    position: absolute;
    left: 23px;
    top: 3px;
    line-height: 16px;
    -webkit-box-sizing: border-box;
}
.box {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.box > * {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
.tbox {
    width: 100%;
    height: 100%;
}
.tbox > * {
    height: 100%;
    display: table-cell;
    vertical-align: top;
}
.tbox > *:last-child {
    width: 100%;
}
